<!--
 * @Author: lihaogn
 * @Date: 2021-11-14 09:31:49
 * @LastEditTime: 2021-12-22 21:26:56
 * @LastEditor: lihaogn
 * @Description: 
 * @FilePath: \lix-admin-vue2\src\App.vue
-->
<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import { makeNewStyle } from '@/utils/theme'
export default {
  name: 'app',
  components: {},
  computed: {
    ...mapGetters(['mainColor'])
  },
  created() {
    makeNewStyle(this.mainColor)
  }
}
</script>

<style>
#app {
  font-size: 14px;
  color: #303133;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', 'Helvetica Neue',
    Helvetica, Tahoma, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC',
    'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
</style>
